<%--
  Created by IntelliJ IDEA.
  User: 61003
  Date: 2023/3/1
  Time: 16:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
    <style>
        body{
            background-color: lightskyblue;
        }
        *{
            font-family: "楷体";
            font-size: 1.3rem;
        }
        table{
            text-align:center;
            border:3px solid;
            height: 250px;
        }
        caption{
            font-size: 2.5rem;
        }
        input:active{
            border: 1px solid red;
        }
        input:focus{
            border: 1px solid red;
        }
        input{
            outline: none;
            padding: 10px;
            border: 2px solid black;
            border-radius: 5px;
            height: 40px;
        }
        kuang1{
            font-size: 1rem;
        }
    </style>
    </style>
</head>
<body>
<div style="display: block; height: 100px"></div>
<form method="post">
    <table align="center">
        <caption>用户登录页</caption>
        <tr>
            <td align="right">用户名:</td>
            <td class="kuang"><input type="text"  name="name" placeholder="请输入您的用户名"/></td>
        </tr>
        <tr>
            <td align="right">密码:</td>
            <td class="kuang"><input type="password"  name="pwd" placeholder="请输入您的口令"></td>
        </tr>
        <tr>
            <td align="center" colspan="2"><button>登录</button></td>
        </tr>
        <tr id="kuang1" align="center">
            <td colspan="2">没有帐号？<a href="/zhuce.jsp">去注册</a></td>
        </tr>
    </table>
</form>

  <% if(request.getAttribute("error")!=null){ %>
     <div style="color:red">${requestScope.error}</div>
  <% } %>
</body>
</html>
